<template>
    <div>
        <h1>找回密码</h1>
        昵称:{{$route.params.nickname}}
        <!-- 设置 路由里面 props:true -->
        用props获取nickname:{{nickname}}
    </div>
</template>

<script>
    export default {
        props:["nickname"],
        created(){
            //假如要根据 nickname 用ajax获取用户数据.
            //但是在动态路由里面 如果从 /findpassword/liudehua  跳转到 /findpassword/zhengshuang
            //没有触发 created(){}生命周期 用watch 
            //this.$route.params.nickname 可以获取路由动态路由参数
            console.log('created==生命周期==>');//
            console.log("路由对象",this.$route.params.nickname);//
        },
        // beforeRouteUpdate(){},
        watch:{
            '$route':{//
                handler(newRoute){
                    console.log("侦听器 侦听路由===>",newRoute.params.nickname)
                    console.log("侦听器 侦听路由 props===>",this.nickname)
                },
                deep:true, //深层侦听
                immediate:true //默认为“懒侦听” true就是立即侦听
            }
        }
    }
</script>

<style lang="scss" scoped>

</style>